<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>公司列表页</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/list.css"/>
		<link rel="stylesheet" type="text/css" href="css/companylist.css"/>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.easing.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/list.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
			<!--顶部黑色区域-->
	<div id="header">
		<div class="top_logon">
			<div class="logo">
				<a href="" class="lg_app">拉勾APP</a>
				<a href="" class="lg_os">进入企业版</a>
			</div>
			<ul class="top_r">
				<li>
					<a href="">登录</a>
				</li>
				<li>
					<a href="" class="zc">注册</a>
				</li>
			</ul>
		</div>
	</div>
	<!--顶部黑色区域结束-->

	<!--顶部白色导航区域-->
	<div id="top_grey">
		<div id="guide">
			<div class="guide_left">
				<a href=""></a>
			</div>
			<ul class="guide_r">
				<li>
					<a href="">首页</a>
				</li>
				<li>
					<a href="" class="f_page">公司</a>
				</li>
			</ul>
		</div>
	</div>
	<!--顶部白色导航区域结束-->

	<!--中间主体部分-->
	<div id="main_container">
		<!--搜索框区域-->
		<div class="search_wrapper">
			<div class="search_bar">
				<div class="input_wrapper">
					<div class="keyword_wrapper">
						<input type="text" id="keyword" placeholder="搜索公司名" value="" />
					</div>
					<input type="button" id="submit" value="搜索" />
				</div>
				<div class="tap_wrapper">
					<a href="javascript:void(0);" id="tab_pos" class="active">公司 ( 500+ )</a>
				</div>
			</div>
		</div>
		<!--搜索区域结束-->

		<!--筛选主体部分-->
		<div id="center_container">
			<!--左侧-->
			<div class="content_left">
				<div class="positionHead">
					<ul class="filter_wrapper">
						<div class="details">
							<!--工作地点区域-->
							<div class="has_more">
								<div class="choose_detail">
									<li class="addr_top">
										<div class="current_choose">
											<span class="title">工作地点：</span>
											<a href="" class="current_c">上海</a>
											<i class="right_arrow"></i>
											<a href="#" class="current_c active">不限</a>
										</div>
										<div class="hot_city">
											<div class="city_wrapper">
												<a>全国</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
											</div>
											<a href="javacript:void(0);" class="btn_more">更多 <i></i></a>
										</div>
									</li>
									<li class="addr_down">
										<span>行政区：</span>
										<a class="active">不限</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
									</li>
								</div>
								<!--工作地点隐藏区域-->
								<div class="more_hidden">
									<li class="hidden_city">
										<span>工作地点：</span>
										<a >全国</a>
										<a >北京</a>
										<a  class="active">上海</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
									</li>
									<li class="hidden_other">
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a  id="all_city">全部城市 > </a>

									</li>
								</div>
							</div>
							<!--工作地点区域结束-->
							<!--融资阶段区域-->
							<li class="same_exp">
								<span>融资阶段：</span>
								<a href="javascript:void(0);" class="active">不限</a>
								<a href="javascript:void(0);">未融资</a>
								<a href="javascript:void(0);">天使轮</a>
							</li>
							<!--融资阶段区域结束-->
							<div class="work_area">
								<!--行业领域区域-->
								<li class="same_exp">
									<span>行业领域：</span>
									<a href="javascript:void(0);" class="active">不限</a>
									<a href="javascript:void(0);">移动互联网</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javacript:void(0);" class="btn_more_work">更多 <i></i></a>
								</li>
								<!--行业领域隐藏区域-->
								<div class="more_hidden_hy">
									<li class="same_exp">
										<span>行业领域：</span>
										<a href="javascript:void(0);" class="active">不限</a>
										<a href="javascript:void(0);">移动互联网</a>
										<a href="javascript:void(0);">电子商务</a>
										<a href="javascript:void(0);">电子商务</a>
										<a href="javascript:void(0);">电子商务</a>
										<a href="javascript:void(0);">电子商务</a>
										<a href="javascript:void(0);">电子商务</a>
									</li>
									<li class="other_hy">
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
									</li>
								</div>
								<!--行业领域区域结束-->
							</div>							
						</div>
					</ul>
					<br />
					<!--排序方式-->
					<ul class="orderby">
						<li class="wrapper">
							<div class="item order">
								<span class="title">排序方式：</span>
								<a href="javascript:void(0);" class="active">默认排序</a>
								<a href="javascript:void(0);" >职位数量 ↓</a>
								<a href="javascript:void(0);" >面试评价数 ↓</a>
							</div>
						</li>
					</ul>
				</div>
				<!--公司列表-->
				<div id="companyList">
					<ul class="cm_ul">
						<li class="fl">
							<dl class="cm_cont">
								<dt class="fl">
									<a href="#" target="_blank">
										<img src="image/list/Cm1.png"/>
									</a>
								</dt>
								<dd class="fr">
									<h3>
										<a href="#" target="_blank">特赞|Tezi…</a>
									</h3>
									<div class="sub_title">
										<p>
											<a href="#" target="_blank">
												<span>23</span>
												条面试评价
											</a>
										</p>
										<p>
											<a href="#" target="_blank">
												<span>5</span>
												个在招职位
											</a>
										</p>
									</div>
								</dd>
								<p class="someth" title="在这里，遇见最对的设计师">在这里，遇见最对的设计师</p>
							</dl>
							<div class="cm_msg">
								<span class="web fl" title="移动互联网">
									<i></i>
									移动互联网
								</span>
								<span class="place fr" title="上海">
									<i></i>
									上海
								</span>
								<span class="type" title="成长型(A轮)">
									<i></i>
									成长型(A轮)
								</span>
							</div>
						</li>
						<li class="fr">
							<dl class="cm_cont">
								<dt class="fl">
									<a href="#" target="_blank">
										<img src="image/list/Cm1.png"/>
									</a>
								</dt>
								<dd class="fr">
									<h3>
										<a href="#" target="_blank">特赞|Tezi…</a>
									</h3>
									<div class="sub_title">
										<p>
											<a href="#" target="_blank">
												<span>23</span>
												条面试评价
											</a>
										</p>
										<p>
											<a href="#" target="_blank">
												<span>5</span>
												个在招职位
											</a>
										</p>
									</div>
								</dd>
								<p class="someth" title="在这里，遇见最对的设计师">在这里，遇见最对的设计师</p>
							</dl>
							<div class="cm_msg">
								<span class="web fl" title="移动互联网">
									<i></i>
									移动互联网
								</span>
								<span class="place fr" title="上海">
									<i></i>
									上海
								</span>
								<span class="type" title="成长型(A轮)">
									<i></i>
									成长型(A轮)
								</span>
							</div>
						</li>
						
						
						<!--复制-->
						<li class="fl">
							<dl class="cm_cont">
								<dt class="fl">
									<a href="#" target="_blank">
										<img src="image/list/Cm1.png"/>
									</a>
								</dt>
								<dd class="fr">
									<h3>
										<a href="#" target="_blank">特赞|Tezi…</a>
									</h3>
									<div class="sub_title">
										<p>
											<a href="#" target="_blank">
												<span>23</span>
												条面试评价
											</a>
										</p>
										<p>
											<a href="#" target="_blank">
												<span>5</span>
												个在招职位
											</a>
										</p>
									</div>
								</dd>
								<p class="someth" title="在这里，遇见最对的设计师">在这里，遇见最对的设计师</p>
							</dl>
							<div class="cm_msg">
								<span class="web fl" title="移动互联网">
									<i></i>
									移动互联网
								</span>
								<span class="place fr" title="上海">
									<i></i>
									上海
								</span>
								<span class="type" title="成长型(A轮)">
									<i></i>
									成长型(A轮)
								</span>
							</div>
						</li>
						<li class="fr">
							<dl class="cm_cont">
								<dt class="fl">
									<a href="#" target="_blank">
										<img src="image/list/Cm1.png"/>
									</a>
								</dt>
								<dd class="fr">
									<h3>
										<a href="#" target="_blank">特赞|Tezi…</a>
									</h3>
									<div class="sub_title">
										<p>
											<a href="#" target="_blank">
												<span>23</span>
												条面试评价
											</a>
										</p>
										<p>
											<a href="#" target="_blank">
												<span>5</span>
												个在招职位
											</a>
										</p>
									</div>
								</dd>
								<p class="someth" title="在这里，遇见最对的设计师">在这里，遇见最对的设计师</p>
							</dl>
							<div class="cm_msg">
								<span class="web fl" title="移动互联网">
									<i></i>
									移动互联网
								</span>
								<span class="place fr" title="上海">
									<i></i>
									上海
								</span>
								<span class="type" title="成长型(A轮)">
									<i></i>
									成长型(A轮)
								</span>
							</div>
						</li>
						
						<!--复制结束-->
						
					</ul>

				</div>
			</div>
			<!--右侧-->
			<div class="content_right">
				
			</div>
		</div>
		<!--筛选主体部分结束-->



	</div>
	<!--中间主体部分结束-->






	<!--回到顶部-->
	<a href="javascript:void(0);" id="back"></a>
	<!--回到顶部结束-->


	<!--底部区域-->
	<div id="floor">
		<div class="wrap">
			<i></i>
			<div class="fl_r">
				<a href="" class="fl_app">
					拉勾APP
					<span></span>
					<img src="image/fl_app.JPG"/>
				</a>
				<a href="">拉勾微博</a>
				<a href="" class="wechat">
					拉勾微信
					<img src="image/fl_wechat.JPG"/>
				</a>
				<a href="">版本更新</a>
				<a href="">帮助中心</a>
				<a href="">联系我们</a>
				<a href="">在线交流</a>
				<span>服务热线：<em>400-605-9900 (9:00 -18:00)</em></span>
			</div>
			<div class="fl_btm">
				<span>
					<em>©</em>
					2016 Lagou
				</span>
				<a href="">京ICP备14023790号-2</a>
				<span>京公网安备11010802017116号</span>
			</div>
		</div>
	</div>

	<!--底部区域结束-->

	<!--底部登录条-->
	<div id="logintool">
		<div>
			<em></em>
			<img src="image/login3.png"/>
			<span class="companycount">
				<i style="background-position-y: -30px;"></i><i style="background-position-y: -60px;"></i><i style="background-position-y: -60px;"></i><b></b><i style="background-position-y: -60px;"></i><i style="background-position-y: -180px;"></i><i style="background-position-y: -60px;"></i>
			</span>
			<span class="jobscount">
				<i style="background-position-y: -30px;"></i><b></b><i style="background-position-y: -240px;"></i><i style="background-position-y: -90px;"></i><i style="background-position-y: -270px;"></i><b></b><i style="background-position-y: -60px;"></i><i style="background-position-y: 0px;"></i><i style="background-position-y: 0px;"></i>
			</span>
			<a href="javescript:;" class="bar_login">
				<i></i>
			</a>
			<div class="lt_r">
				<a href="">
					<i></i>
				</a>
			</div>
		</div>
	</div>
	<!--底部登录条结束-->

	<!--登录界面部分-->
	<div id="all_cover"></div>
	<div id="colorbox">
		<div id="box_m">
			<div class="box_content">
				<div class="bctitle">登录</div>
				<div class="bcdown">
					<div class="bcdcenter">
						<form id="bcd_login" action="" method="post">
							<div class="username">
								<input type="text" id="email" placeholder="请输入已验证手机/邮箱" />
								<span id="input_tips"></span>
							</div>
							<div class="password">
								<input type="password" id="ipassword" placeholder="请输入密码" />
								<span id="input_tips"></span>
							</div>
							<a href="" id="foget">忘记密码？</a>
							<input type="submit" value="登     录" id="sub_btn"/>
						</form>
						<div class="bcd_right">
							<div>还没有拉勾帐号？</div>
							<a href="" class="registor_now">立即注册</a>
							<div class="login_others">使用以下帐号直接登录:</div>
							<a href="" id="icon_wb"></a>
							<a href="" id="icon_qq"></a>
							<a href="" id="icon_wechat"></a>
						</div>
					</div>
				</div>
				<input type="button" id="close"/>
			</div>
		</div>
	</div>


	<!--登录界面部分结束-->












	</body>
</html>

















